<template>
  <div style="background-color: #F5F7F9;height: auto">
    <IndexHeader ref="headerRef"></IndexHeader>
    <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item
          v-for="(item, index) in data.breadList"
          :key="index"
          :to="{ path: item.path }"
      >
        {{item.name}}
      </el-breadcrumb-item>
    </el-breadcrumb>
<!--    底部栏-->
    <Footer/>
  </div>
</template>
<script setup>
import {reactive, onMounted, ref, onBeforeMount} from 'vue';
import { ArrowRight } from '@element-plus/icons-vue'
import { useStore } from 'vuex'
import { useRouter, useRoute } from 'vue-router';
import IndexHeader from "../component/header.vue";
import Footer from '../component/footer.vue'
const headerRef = ref(null)
const route = useRoute();
const router = useRouter();
// const centerHeight = ref('100vh');
const data = reactive({
  breadList:[
    {code:'home', name:'首页', path:'/'},
    {code:'courseType', name:'一级建造师', path:'/'},
    {code:'courseCenter', name:'全部课程', path:'/'},
    {code:'courseType', name:'一级建造师'}
  ]
})

onBeforeMount(() => {
  if (data.selectedIndex == 0) {
    // initData()
  }
})

onMounted(() => {
  // const windowHeight = window.innerHeight;//获取当前窗口的高度
  // const offset = 65 // 偏移量，即需要减去的像素值
  // centerHeight.value = `${windowHeight - offset}px`
})

</script>


